<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css"  href="/elementUI/theme-chalk/index.css">
</head>
<body>

    <div id="app">
        <template>
            <el-table :data="workTemplateContents"  border style="width: 100%">
                <el-table-column type="index" label="编号" width="50px"></el-table-column>
                <el-table-column prop="content" label="内容"  ></el-table-column>
                <el-table-column prop="roleName" label="角色" ></el-table-column>
                <el-table-column prop="workload" label="层级"></el-table-column>
                <el-table-column prop="level" label="工作量"></el-table-column>
                <el-table-column prop="time" label="时间"></el-table-column>
            </el-table>
        </template>
    </div>
</body>
<script src="/vue/vue.js"></script>
<script src="/elementUI/index.js"></script>
<script src="/vue/axios.js"></script>
<script>
    const app =  new Vue({
        el: '#app',
        data: {
            workTemplateContents: []
        },
        created(){
            var href = window.location.href;
            var id = href.substring(href.indexOf("id=")+3, href.length)
            axios.get(
                '/work-template/getWorkTemplateContents',
                {
                    params: {'id': id}
                }
            ).then(res => { this.workTemplateContents = res.data; } )
        }
    })
</script>
</html>